<template>
  <div class="welding-data scroll-wrap home-screen">
    <div class="item item1" @click="viewHandle">
        <img src="~@/assets/img/unfinished.png"/>
        <img class="base" src="~@/assets/img/base.png"/>
    </div>
  <div class="item item2"  @click="viewHandle">
        <img src="~@/assets/img/finshed.png"/>
        <img class="base" src="~@/assets/img/base.png"/>
    </div>
   <div class="item item3"  @click="viewHandle">
        <img src="~@/assets/img/having.png"/>
        <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item4"  @click="viewHandle">
      <img src="~@/assets/img/waring.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item5"  @click="viewHandle">
      <img src="~@/assets/img/having.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item6"  @click="viewHandle">
      <img src="~@/assets/img/having.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item7"  @click="viewHandle">
      <img src="~@/assets/img/finshed.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item8"  @click="viewHandle">
      <img src="~@/assets/img/waring.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item9"  @click="viewHandle">
      <img src="~@/assets/img/having.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item10"  @click="viewHandle">
      <img src="~@/assets/img/site.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item11"  @click="viewHandle">
      <img src="~@/assets/img/finshed.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item12"  @click="viewHandle">
      <img src="~@/assets/img/finshed.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item13"  @click="viewHandle">
      <img src="~@/assets/img/unfinished.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item14"  @click="viewHandle">
      <img src="~@/assets/img/site.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
    <div class="item item15"  @click="viewHandle">
      <img src="~@/assets/img/finshed.png"/>
      <img class="base" src="~@/assets/img/base.png"/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeScreen',
  methods: {
    viewHandle() {
      this.$router.push({ name: 'project-screen' })
    }
  }
}
</script>

<style lang="scss">
  .welding-data{
    background: url("../../../../assets/img/homescreen.jpg") no-repeat center;
    width: 1920px;
  }
</style>
